{% extends "base.html" %}
{%- block meta -%}
<meta name="csrf-token" content="{{ csrf_token_r() }}">
{%- endblock %}
{%- block head %}
{{super() }}
<style type="text/css">
    .logs-table {
        font-size: smaller;
    }
    .logs-table > tbody > tr > td {
        border-top: none;
        vertical-align: middle;
    }
    .logs-table > tbody > tr > td:first-child {
        font-weight: bold;
        text-align: right;
    }
    .logs-table > tfoot > tr > td {
        border: none;
        font-style: italic;
        padding-top: 1.1em;
    }
    .compiler > tbody > tr > td:first-child {
        vertical-align: middle;
    }
    .compiler > tbody > tr:first-child > td {
        border-top: none;
    }
</style>
{%- endblock %}
{%- block title %}{{ page_title|safe }}{%- endblock %}
{%- block content %}
<div class="row">
    <div class="page-header">
        <h3>{{ body_title|safe }}<span id="kernel-title"></span></h3>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
        <dl class="dl-horizontal">
            <dt>Tree</dt>
            <dd class="loading-content" id="tree">
                <small>
                <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>&nbsp;loading&hellip;
                </small>
            </dd>
            <dt>Git describe</dt>
            <dd class="loading-content" id="git-describe">
                <small>
                <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>&nbsp;loading&hellip;
                </small>
            </dd>
        </dl>
    </div>
</div>
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div id="table-loading" class="pull-center">
            <small>
                <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>&nbsp;retrieving build data&hellip;
            </small>
        </div>
    {%- if is_mobile %}
        <div class="table-responsive" id="table-div">
    {%- else %}
        <div class="table" id="table-div">
    {%- endif %}
            <table class="table table-hover table-striped table-condensed clickable-table big-table" id="builds-table">
            </table>
        </div>
    </div>
</div>
<input type="hidden" id="job-name" value="{{job}}">
<input type="hidden" id="kernel-name" value="{{kernel}}">
<input type="hidden" id="file-server" value="{{config['FILE_SERVER_URL']}}">
{%- endblock %}
{%- block scripts %}
<script data-main="/static/js/kci-builds-job-kernel" src="/static/js/lib/require.js"></script>
{%- endblock %}
